<template>
	<view class="content">
		<view class="main">
			<view class="title">
				<text>已报名的候选人</text>
			</view>
			<view class="item" v-for="(item,index) in messageList" :key="index">
				<view class="itemLeft">
					<view class="pic">
						<image :src="item.img" mode=""></image>
					</view>
					<view class="about">
						<view class="name">
							<text>{{item.name}}</text>
							<image src="/static/message/1.png" mode=""></image>
						</view>
						<view class="professional">
							<text class="light">专业：</text>
							<text>{{item.professional}}</text>
						</view>
						<view class="school">
							<text class="light">学校：</text>
							<text>{{item.school}}</text>
						</view>
					</view>
				</view>
				<view class="itemRight">
					<text>{{item.time}}</text>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>

export default {
	components: {
		
	},
	data() {
		return {
			messageList:[
				{
					img:'/static/message/pic1.png',
					name:'张园园',
					professional:'土木工程',
					school:'某某大学',
					time:'09：55'
				},
				{
					img:'/static/message/pic1.png',
					name:'张园园',
					professional:'土木工程',
					school:'某某大学',
					time:'2021.06.02 09：55'
				},
				{
					img:'/static/message/pic1.png',
					name:'张园园',
					professional:'土木工程',
					school:'某某大学',
					time:'2021.06.02 09：55'
				},
				{
					img:'/static/message/pic1.png',
					name:'张园园',
					professional:'土木工程',
					school:'某某大学',
					time:'2021.06.02 09：55'
				},
				{
					img:'/static/message/pic1.png',
					name:'张园园',
					professional:'土木工程',
					school:'某某大学',
					time:'2021.06.02 09：55'
				}
			]
		}
	},
	created(){
		
	},
	methods: {
		
	}
}
</script>

<style lang="scss" scoped>
.content{
	padding: 30rpx 25rpx;
	.main{
		.title{
			margin: 0 0 30rpx 4rpx;
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #323233;
		}
		.item{
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 20rpx;
			padding: 20rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(0, 0, 0, 0.12);
			border-radius: 10rpx;
			.itemLeft{
				display: flex;
				.pic{
					image{
						width: 130rpx;
						height: 130rpx;
						border-radius: 10px;
					}
				}
				.about{
					margin-left: 20rpx;
					.light{
						font-size: 22rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #969799;
					}
					.name{
						text{
							font-size: 28rpx;
							font-family: PingFang SC;
							font-weight: bold;
							color: #323233;
						}
						image{
							margin-left: 10rpx;
							width: 24rpx;
							height: 24rpx;
						}
					}
					.professional{
						margin: 10rpx 0;
						font-size: 22rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #323233;
					}
					.school{
						font-size: 22rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #323233;
					}
				}
			}
			.itemRight{
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #969799;
			}
		}
	}
}
</style>
